<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>御码教育</title>
    <link rel="icon"type="image/x-icon"  sizes="32x32" href="./logo.ico" />
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/animate.min.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/yuma.css" />
    <style>
      .banner {
        margin-top: 78px;
        height: 940px;
        background-image: url(./img/bg_3.jpg);
        background-size: cover;
        text-align: center;
        display: flow-root;
      }
      .banner .title {
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 46px;
        color: #fff;
        margin-top: 332px;
        letter-spacing: 2px;
      }
      .banner .desc {
        margin-top: 27px;
        font-family: HarmonyOS_Sans_SC;
        font-size: 17px;
        color: #fff;
        letter-spacing: 2px;
      }
      .banner .e-desc {
        margin-top: 228px;
        color: #fff;
        font-family: BarlowCondensed-Bold;
        font-size: 30px;
        letter-spacing: 6px;
      }
      .banner .dy {
        font-family: HarmonyOS_Sans_SC;
        font-size: 8px;
        margin-top: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 39x;
        letter-spacing: 6px;
        color: #ffffff;
      }
      .teachers {
        width: 100%;
        position: relative;
        height: 1520px;
      }
      .teachers .t-bg {
        height: 200px;
        padding-bottom: 13px;
        background-image: url(https://duyihome.oss-cn-beijing.aliyuncs.com/images/teacher/bg1.png);
        background-size: cover;
        background-position-y: bottom;
      }
      .teachers .b-bg {
        height: 200px;
        padding-bottom: 13px;
        background-image: url(https://duyihome.oss-cn-beijing.aliyuncs.com/images/teacher/bg2.png);
        background-size: cover;
        position: absolute;
        bottom: 0;
        width: 100%;
      }
      .teachers .teacher {
        position: absolute;
        top: 154px;
        height: 1300px;
        width: 1226px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 134px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
      }
      .teachers .teacher .t {
        width: 532px;
        padding: 0 22px;
        height: 187px;
        background-color: #a569f4;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: space-between;
      }
      .teachers .teacher .t .l-msg {
        height: 110px;
        width: 280px;
      }
      .teachers .teacher .t .l-msg .name {
        font-family: HarmonyOS_Sans_SC_Medium;
        font-size: 16px;
        letter-spacing: 1px;
        color: #2d2a2a;
        font-weight: 700;
      }
      .teachers .teacher .t .l-msg .name span {
        margin-left: 20px;
      }
      .teachers .teacher .t .l-msg .desc {
        font-family: HarmonyOS_Sans_SC;
        font-size: 12px;
        letter-spacing: 1px;
        color: #fff;
        margin-top: 20px;
      }
      .teachers .teacher .t .l-msg .desc span {
          color: #fff !important;
          font-weight: 400;
      }
      .teachers .teacher .t .r-pic {
        width: 176px;
        height: 104px;
      }

      footer {
        height: 300px;
        background: #008c4e;
        position: relative;
      }
      footer > .content {
        width: 1190px;
        margin: 0 auto;
        height: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
      }
      footer > .content .logo {
        width: 184px;
      }
      footer > .content .logo img {
        width: 184px;
      }
      footer > .content .c .nav {
        display: flex;
        justify-content: space-between;
        margin-bottom: 33px;
      }
      footer > .content .c .nav a {
        color: #fff;
      }
      footer > .content .c .nav span {
        color: #fff;
      }
      footer > .content .c .addr,
      footer > .content .c .wx {
        display: flex;
        align-items: flex-start;
      }
      footer > .content .c .addr .content,
      footer > .content .c .wx .content {
        flex-wrap: wrap;
        color: #fff;
      }
      footer > .content .c .addr .content .addr-1,
      footer > .content .c .wx .content .addr-1,
      footer > .content .c .addr .content .addr-2,
      footer > .content .c .wx .content .addr-2 {
        display: flex;
      }
      footer > .content .c .addr .content .addr-1 .t,
      footer > .content .c .wx .content .addr-1 .t,
      footer > .content .c .addr .content .addr-2 .t,
      footer > .content .c .wx .content .addr-2 .t {
        width: 50px;
        text-align-last: justify;
      }
      footer > .content .c .addr .content .addr-1 span,
      footer > .content .c .wx .content .addr-1 span,
      footer > .content .c .addr .content .addr-2 span,
      footer > .content .c .wx .content .addr-2 span {
        margin: 0 5px;
      }
      footer > .content .c .wx {
        margin-top: 20px;
      }
      footer > .content .c .tb {
        border-radius: 3px;
        text-align: center;
        line-height: 22px;
        flex-shrink: 0;
        margin-right: 15px;
        color: #fff;
      }
      .wx .link {
        color: #fff;
      }

      .teacher .t img {
         width: 230px;
      }
    </style>
  </head>
  <body>
    <div class="header">
      <div class="w clearfix">
        <div class="left_logo">
          <a href="http://www.yumacode.com/">
            <img src="./img/logo1.png" alt="" />
          </a>
        </div>
        <div class="right_navlis">
          <ul>
            <li><a href="./index.html">首页</a></li>
            <li><a href="./course.html">课程</a></li>
            <li><a href="./teacher.html" class="active">名师团队</a></li>
              <li><a href="./student.html">学员风采</a></li>
            <li><a href="./learn.html">联系我们</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- <div class="banner">
      <div class="title">匠心，汇聚IT业界名师</div>
      <p class="desc">御码教学团队均来自超一线知名机构核心讲师</p>
      <div class="e-desc">EXCELLENCE</div>
      <div class="dy">YUMA EDUCATION</div>
    </div> -->

    <div class="teachers">
      <div class="t-bg"></div>
      <div class="b-bg"></div>
      <div class="teacher">
        <div class="t">
          <div class="l-msg">
            <div class="name">
              李晶
              <span>御码创始人 董事长兼CEO</span>
            </div>
            <div class="desc">
              原北京头部培训机构全国前端负责人，前端讲师并兼任多所高校企联合生涯规划师，曾累计在各大学开展70余场生涯规划讲座
            </div>
          </div>
          <img src="./img/lj.webp" alt="" />
        </div>
        <div class="t">
          <div class="l-msg">
            <div class="name">
              张老师
              <span>御码联合创始人</span>
            </div>
            <div class="desc">
              曾就职北京神州数码,深圳腾讯,拥有超过17年互联网实际开发经验北京头部IT机构一线前端知名讲师,毕业班级就业率100%
            </div>
          </div>
          <img src="./img/zpy.webp" alt="" />
        </div>
          <div class="t">
          <div class="l-msg">
            <div class="name">
              王老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
              拥有15年开发及教育培训经验8年软件开发经验，7年教学经验，精通LINUX、C、C++、QT、JAVA、IOS、Android等语言曾任被山东临沂大学、泰山学院、大连交通大学、云南国防大学等知名高校外聘为项目经理
            </div>
          </div>
          <img src="./img/wl.webp" alt="" />
        </div>
        <div class="t">
          <div class="l-msg">
            <div class="name">
              刘老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
              20多年IT教育培训和软件设计开发经历，曾<span style="color: orangered;">在多家IT培训头部公司工作</span>。参与多个大型项目和多个教育产品的研发，参与多本图书编写工作。
              曾获<span style="color: orangered;">2016年腾讯“中国好老师”</span>的荣誉称号
            </div>
          </div>
          <img src="./img/lkl.webp" alt="" />
        </div>
         <div class="t">
          <div class="l-msg">
            <div class="name">
              芮老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
               曾在Kilimall,马帮ERP,誉狼金融等公司担任后代和运维工程师,北京头部IT机构一线IT前端讲师,金牌课程设计者
            </div>
          </div>
          <img src="./img/r.webp" alt="" />
        </div>
        <div class="t">
          <div class="l-msg">
            <div class="name">
              段老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
               曾就职于北京达盛科技,参与郑大智慧实验室物联网系统开发.北京头部IT机构一线前端讲师
            </div>
          </div>
          <img src="./img/dhl.webp" alt="" />
        </div>
      
        <div class="t">
          <div class="l-msg">
            <div class="name">
              马老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
               曾在央企,外企从事软件开发工作,参与多项保密封闭开发项目.后承接多项对日软件外包项目开发. 北京一线头部IT讲师,班级就业率100%
            </div>
          </div>
          <img src="./img/haiyang.webp" alt="" />
        </div>
         <div class="t">
          <div class="l-msg">
            <div class="name">
              李老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
              曾担任小嗨科技CTO,乐友科技技术总监.PHP部门总监15年开发及教学经验.北京前端学科IT讲师加负责人
            </div>
          </div>
          <img src="./img/liq.webp" alt="" />
        </div>
        <div class="t">
          <div class="l-msg">
            <div class="name">
              姜老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
              多年大型集团互联网行业从业经验,熟悉服务器,移动端及前端页面开发. 北京+上海一线IT前端讲师
            </div>
          </div>
          <img src="./img/j.webp" alt="" />
        </div>
        <div class="t">
          <div class="l-msg">
            <div class="name">
              李老师
              <span>御码讲师</span>
            </div>
            <div class="desc">
               曾就职于北京神州数码,北京旷世科技.计算机科学与技术专业科班出身. IT从业17年.教学经验丰富 北京头部一线IT讲师
            </div>
          </div>
          <img src="./img/l.webp" alt="" />
        </div>
      
      </div>
    </div>
    <footer style="background-color: #7b51bf;">
      <div class="content">
        <div class="logo">
          <img src="./img/logo1.png" alt="" />
        </div>
        <div class="c">
          <div class="nav">
            <a href="./index.html">首页</a>
            <span>|</span>
            <a href="./course.html">课程学习</a>
            <span>|</span>
            <a href="./teacher.html">名师团队</a>
            <span>|</span>
            <a href="./learn.html">联系御码</a>
          </div>
          <div class="addr">
            <div class="tb">地址:</div>
            <div class="content">
              <div class="addr-1">
                <div class="t">辽宁省</div>
                <span>|</span>
                <div>大连市,高新园区嘉创大厦1602</div>
              </div>
            </div>
          </div>
          <div class="wx">
            <div class="content">
              <span>抖音添加: action_li</span>
              <br />
              <br />
              <span>微信扫码添加: <img src="./img/wx.jpg" width="80px" style="margin-left: 10px; border-radius: 5px;" alt=""></span>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
